// 该文件用于创建vuex中最为核心的store
import Vue from 'vue'
// 引入 vuex
import vuex from 'vuex'
// 使用插件
Vue.use(vuex)

// 准备actions——用于响应组件中的动作
const actions = {
        jia:function(context,value){
            console.log('actions中的jia被调用了');
            context.commit('JIA',value)
        },
        jian:function(context,value){
            console.log('actions中的jian被调用了');
            context.commit('JIAN',value)
        },
    /* 可以改变上面的形式，在count.vue 中 */
    jiaOdd: function (context, value) {
        console.log('actions中的jiaOdd被调用了');
        if (context.state.sum % 2) {
            context.commit('JIA', value)
        }
    },
    jiaWait: function (context, value) {
        console.log('actions中的jiaWait被调用了');
        setTimeout(() => {
            context.commit('JIA', value)
        }, 500);
    }
}
// 准备mutations——用于操作数据(state)
const mutations = {
    JIA(state, value) {
        console.log('mutations中的JIA被调用了');
        state.sum += value
    },
    JIAN(state, value) {
        console.log('mutations中的JIAN被调用了');
        state.sum -= value
    }
}
// 准备state——用于存储数据
const state = {
    sum: 0,//当前的和
    school:'尚硅谷',
    subject:'前端'
}
// 准备getters——用于将stata中数据进行加工
const getters = {
    bigSum(state) {
        return state.sum * 10
    }
}


// 创建并暴露Store
export default new vuex.Store({
    actions,
    mutations,
    state,
    getters,
})